
*{
    margin: 0 ;
    padding: 0; 
}

.tool{
	widows: 100%;
	height: 170px;
	background-color:#0e0e0e;
	
&-au{
	width:95%;
	height: 170px;
	margin: 0 auto;

    &-bo{
        width:100%;
        height: 55px;
        float: left;
        & .p3{
            width: 110px;
            height: 55px;
            line-height: 55px;
            background-color: #0e0e0e;
            color: #fff;
            float: left;
            border:none;
            outline: none;
            &:hover{
                color: red;
            }
        }
        & .p4{
            width: 110px;
            height: 55px;
            line-height: 55px;
            background-color: #0e0e0e;
            color: #fff;
            float: left;
            border:none;
            outline: none;
             &>a{
                width: 110px;
                height: 55px;
                line-height: 55px;
                background-color: #0e0e0e;
                color: #fff;
                float: left;
                border:none;
                text-decoration: none;
                &:hover{
                    color: red;
                }
            }
            &:hover{
                color: red;
            }
        }
        & .p5{
            width: 110px;
            height: 55px;
            line-height: 55px;
            background-color: #0e0e0e;
            color: #fff;
            float: right;
            position: relative;
            border:none;
            outline: none;
            background: url(../img/buing.jpg) no-repeat 110px 17px;
        }
        & .p5:hover{
            color: yellow;
            background: url(../img/fgfd.jpg) no-repeat 110px 19px;
            
            display: block;
        }
        & .p5::after{
            content:"";
            width: 100%;
            height: 800px;
            background-color: #ffffff;
            position: absolute;
            left: 200px;
            
            display: none;
        }
    }
& #bl{
	width: 100%;
    height: 30px;
    overflow: hidden;
    position: relative;
   & .swiper-wrapper {
       width:400px;
        height:20px;
        margin-left: 50px;
      
       
         & .swiper-slide{
             height:20px;
             
           
            & span{
                color: yellow;
                font-family: '楷体';
            }
         }
    }
}

&-bp{
	width: 100%;
	height: 85px;
	&-cq{
        width: 150px;
        height: 75px;
        float: left;
        padding-top: 10px;
    }

    &-cw{
        width: 150px;
        height: 85px;
        float: left;
        margin-left: 40px;
    }
   & .p1{
        width: 100px;
        height: 30px;
        color: #fff;
        float: left;
        border:none;
        outline: none;
        font-size: 12px;
        line-height: 30px;
        margin-top: 33px;
        margin-left: 40px;
        padding-left: 25px;
        background: url(../img/fregre.png) no-repeat -5px 2px;
    }
    & button{
        width: 80px;
        float: left;
        display: block;
        background-color: #0e0e0e;
        color: #fff;
        font-size: 14px;
        border:none;
        outline: none;
       text-decoration: none;
    }
    & .is-longin{
        width:130px;
        height: 25px;
        color: #fff;
        float: left;
        border:none;
        outline: none;
        font-size: 14px;
        line-height: 30px;
        margin-top: 33px;
        margin-left: 10px;
        padding-left: 25px;
       
        display: none;
        
    }
    & .p2{
        width: 70px;
        height: 30px;
        color: #fff;
        float: left;
        border:none;
        outline: none;
        font-size: 12px;
        line-height: 30px;
        margin-top: 33px;
        margin-left: 40px;
        padding-left: 30px;
        background: url(../img/EDFEWF.png) no-repeat -5px 2px;
        & a{
            text-decoration: none;
            color: #fff;
        }
    }
    & form{
        width: 170px;
        height: 28px;
        margin-top: 36px;
        float: left;
        
        background-color: #242424;
        margin-left: 326px;
        border-top-left-radius: 10px;
        border-top-right-radius: 10px;
        border-bottom-left-radius: 10px;
        border-bottom-right-radius: 10px;
        & img{
	
            margin-left: 8px;
            margin-top:5px;
        }
        & input{
            width: 140px;
            height: 25px;
            float: right;
            border: none;
            outline: none;
            color: #aaaaaa;
            background-color: #242424;
            border-top-right-radius: 10px;
            border-bottom-right-radius: 10px;
        }
    }
}
}
}